<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>mycss 3</title>
    <style>
        .c1 {
            font-family: Serif;  /*字体*/
            font-size: 20px;  /*字体大小*/
            font-weight: bold;  /*加粗*/
        }
        .c2 {
            font-family: monospace;
        }
        .c3 {
            font-family:  Fantasy;
            font-style: italic;  /*斜体*/
            font-variant: small-caps;  /*小型大写字母*/
        }
        .c4 {
            font-family:  Cursive;
        }
        .c5 {
            height: 50px;
            border: 1px solid black;
            text-align: center;
            text-decoration: underline;
            line-height: 50px;  /*行高，文字默认在一行的正中间*/
        }
    </style>
</head>
<body>
<div class="c5">
    hello wolrd!
</div>
<div class="c1">
    除了各种特定的字体系列外，CSS 定义了 5 种通用字体系列：
    Serif 字体
    Sans-serif 字体
    Monospace 字体
    Cursive 字体
    Fantasy 字体
</div>
<div class="c2">
    除了各种特定的字体系列外，CSS 定义了 5 种通用字体系列：
    Serif 字体
    Sans-serif 字体
    Monospace 字体
    Cursive 字体
    Fantasy 字体
</div>
<div class="c3">
    除了各种特定的字体系列外，CSS 定义了 5 种通用字体系列：
    Serif 字体
    Sans-serif 字体
    Monospace 字体
    Cursive 字体
    Fantasy 字体
</div>
<div class="c4">
    除了各种特定的字体系列外，CSS 定义了 5 种通用字体系列：
    Serif 字体
    Sans-serif 字体
    Monospace 字体
    Cursive 字体
    Fantasy 字体
</div>
</body>
</html>